<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我的订单</title>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/base.css" rel="stylesheet" />
		<link href="css/index.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-menu mui-icon mui-pull-left" onclick="history.back()">
				<span class="mui-sprite mui-sprite-return"></span>
			</a>
			<h1 class="mui-title">全部</h1>
		</header>

		<!--end-->
		<div class="mui-content">
			<div class="orders">
				<div class="all-order-tab mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
					<a class="mui-control-item mui-active" href="#allitem1">零售订单</a>
					<a class="mui-control-item" href="#allitem2">批发订单</a>
				</div>
				<!-- 零售订单部分 -->
				<div id="allitem1" class="mui-slider-item mui-control-content mui-active">
					<!--头部切换-->
					<div id="segmentedControl" class="all-tab-tab mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
						<a class="mui-control-item mui-active" href="#item1">全部</a>
						<a class="mui-control-item" href="#item2">待付款</a>
						<a class="mui-control-item" href="#item3">待收货</a>
						<a class="mui-control-item" href="#item4">已完成</a>
						<a class="mui-control-item" href="#item5">已评价</a>

					</div>
					

					<!--切换内容盒子-->
					<div class="mui-slider-group">
						<!--第一个-->
						<div id="item1" class="mui-slider-item mui-control-content mui-active">
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">
										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color_orange">待付款</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<a href="order_details_other.html">
												<div class="mui-media-object mui-pull-left"></div>
												<div class="mui-media-body">
													<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
													<p class="mui-ellipsis">数量：×1</p>
													<p class="img_list_title"><span>￥1.50</span></p>

												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a href="order_details_other.html">
												<div class="mui-media-object mui-pull-left"></div>
												<div class="mui-media-body">
													<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
													<p class="mui-ellipsis">数量：×1</p>
													<p class="img_list_title"><span>￥1.50</span></p>

												</div>
											</a>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥45.00元</span>
										<button type="button" class="mui-btn mui-btn-warning mui-pull-right">立即付款</button>
										<button type="button" class="mui-btn  mui-pull-right">取消订单</button>
									</div>
								</div>
							</div>
							<!---->
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color_orange">待收货</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥1.50</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥9.00元</span>
										<button type="button" class="mui-btn mui-btn-warning mui-pull-right">确认收货</button>
									</div>
								</div>
							</div>
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color-green">交易成功</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥288.88</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥2288.00元</span>
										<button type="button" class="mui-btn  mui-pull-right">删除订单</button>
									</div>
								</div>
							</div>
						</div>
						<!--end-->
						<!--第一、2个-->
						<div id="item2" class="mui-slider-item mui-control-content">
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color_orange">待收货</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥1.50</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥9.00元</span>
										<button type="button" class="mui-btn mui-btn-warning mui-pull-right">确认收货</button>
									</div>
								</div>
							</div>
						</div>
						<!--end-->
						<!--第三个-->
						<div id="item3" class="mui-slider-item mui-control-content">
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color-green">交易成功</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥288.88</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥2288.00元</span>
										<button type="button" class="mui-btn  mui-pull-right">删除订单</button>
									</div>
								</div>
							</div>
						</div>
						<!--end-->

					</div>
				</div>
				<!-- 批发订单部分 -->
				<div id="allitem2" class="mui-slider-item mui-control-content">
					<!--头部切换-->
					<div id="segmentedControl" class="all-tab-tab mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
						<a class="mui-control-item mui-active" href="#item11">全部</a>
						<a class="mui-control-item" href="#item12">待付款</a>
						<a class="mui-control-item" href="#item13">待收货</a>
						<a class="mui-control-item" href="#item14">已完成</a>
						<a class="mui-control-item" href="#item15">已评价</a>

					</div>
					

					<!--切换内容盒子-->
					<div class="mui-slider-group">
						<!--第一个-->
						<div id="item11" class="mui-slider-item mui-control-content mui-active">
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">
										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right">订单排名：<span class="color_orange">6</span></span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<a href="order_details_other.html">
												<div class="mui-media-object mui-pull-left"></div>
												<div class="mui-media-body">
													<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
													<p class="mui-ellipsis">数量：×1</p>
													<p class="img_list_title"><span>￥1.50</span></p>

												</div>
											</a>
										</li>
										<li class="mui-table-view-cell mui-media">
											<a href="order_details_other.html">
												<div class="mui-media-object mui-pull-left"></div>
												<div class="mui-media-body">
													<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
													<p class="mui-ellipsis">数量：×1</p>
													<p class="img_list_title"><span>￥1.50</span></p>

												</div>
											</a>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥45.00元</span>
										<button type="button" class="mui-btn mui-btn-warning mui-pull-right">立即付款</button>
										<button type="button" class="mui-btn  mui-pull-right">取消订单</button>
									</div>
								</div>
							</div>
							<!---->
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color_orange">待收货</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥1.50</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥9.00元</span>
										<button type="button" class="mui-btn mui-btn-warning mui-pull-right">确认收货</button>
									</div>
								</div>
							</div>
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color-green">交易成功</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥288.88</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥2288.00元</span>
										<button type="button" class="mui-btn  mui-pull-right">删除订单</button>
									</div>
								</div>
							</div>
						</div>
						<!--end-->
						<!--第一、2个-->
						<div id="item12" class="mui-slider-item mui-control-content">
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color_orange">待收货</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥1.50</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥9.00元</span>
										<button type="button" class="mui-btn mui-btn-warning mui-pull-right">确认收货</button>
									</div>
								</div>
							</div>
						</div>
						<!--end-->
						<!--第三个-->
						<div id="item13" class="mui-slider-item mui-control-content">
							<div class="mui-card mt8">
								<div class="mui-card-header">
									<div class="order_num">

										<span>订单编号：201711020520200112546</span>
									</div>
									<span class="mui-pull-right color-green">交易成功</span>
								</div>
								<div class="mui-card-content">
									<ul class="mui-table-view order_list">
										<li class="mui-table-view-cell mui-media">
											<div class="mui-media-object mui-pull-left"></div>
											<div class="mui-media-body">
												<p class="order_list_title">坚果零食大礼包坚果零食大礼包坚果零...</p>
												<p class="mui-ellipsis">数量：×1</p>
												<p class="img_list_title"><span>￥288.88</span></p>

											</div>
										</li>
									</ul>
								</div>
								<div class="mui-card-footer">
									<div class="order_pay">
										<span class="ft14">订单金额:</span>
										<span class="order_red ft14">￥2288.00元</span>
										<button type="button" class="mui-btn  mui-pull-right">删除订单</button>
									</div>
								</div>
							</div>
						</div>
						<!--end-->

					</div>
				</div>
					
			</div>
		</div>
		<!--end-->

	</body>
	<script src="js/mui.min.js"></script>
	<script>
		mui.init();
		//	mui(".mui-slider").slider({interval:4000});
	</script>

</html>